
<div class="col-jy-{num}">
		<div class="ibox float-e-margins">
        	<div class="ibox-title">
                <h5>{{check_show_lang('{title}')}}</h5>
            </div>
            <div class="ibox-content">
                <div class="echarts" id="echarts-chart-{ecid}" style="height: 310px;display: none;"></div>
				<div class="spiner-example" id="echarts-loading-{ecid}">
						<div class="sk-spinner sk-spinner-three-bounce">
							<div class="sk-bounce1"></div>
							<div class="sk-bounce2"></div>
							<div class="sk-bounce3"></div>
						</div>
                </div>
            </div>
        </div>
</div>
<script type="text/javascript">
setTimeout(function(){
var _self = this;
	   var res = {datas};
	   if(res){
		   $("#echarts-loading-{ecid}").hide()
		   $("#echarts-chart-{ecid}").show();
			line_chart_{ecid}(res);
		   
	   }

} ,500);

function line_chart_{ecid}(res) {
require(['echarts'],function (echarts) {
	var myChart = echarts.init(document.getElementById("echarts-chart-{ecid}"));
	var series=[];
	$.each(res.datas[0],function(k,v){
		if(k>0){
			series.push({
				type: 'bar',
			});
		}
	});
	var	option = {
		  legend: {},
		  tooltip: {},
		  dataset: {
			source: res.datas
		  },
		  xAxis: { type: 'category' },
		  yAxis: {},
		  // Declare several bar series, each will be mapped
		  // to a column of dataset.source by default.
		  series: series
	};
	myChart.setOption(option);
	});
}

</script>